<script type="text/javascript">
    $(document).ready(function(){
        $("#sortable").nestedSortable({
			disableNesting: 'no-nest',
			forcePlaceholderSize: true,
			handle: 'div',
			helper:	'clone',
			items: 'li',
			maxLevels: 3,
			opacity: .6,
			placeholder: 'placeholder',
			revert: 250,
			tabSize: 25,
			tolerance: 'pointer',
			toleranceElement: '> div'
		});
        $('#menu-select').change(function(){
            $('#menu-body').load('/admin/ajax/menuBody.php?menu='+$(this).val());
        }
    );
    }
    
);
</script>
<div class="top-span">
    <form action="index.php" method="get">
        <select name="menu" id="menu-select">
            <option value="def">def_menu</option>
            <option value="news">news_menu</option>
        </select>

        <input type="text" name="addmenu" align="right" />
        <input type="submit" name="add" align="right" value="Добавить" />
    </form>
</div>
<div id="menu-body">
    <?= $data['menu'] ?>
</div>